@import "./globel.scss";
.gooods-sift-container {
  display: flex;
  height: 80px;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  font-size: 28px;

  & > div {
    width: 75px;
    margin-right: 3px;
  }
  .active {
    color: $color;
  }

  .price {
    position: relative;
    &::after {
      content: "";
      border: 10px solid transparent;
      border-top-color: $greyText;
      position: absolute;
      right: 0;
      top: 25px;
    }

    &::before {
      content: "";
      border: 10px solid transparent;
      border-bottom-color: $greyText;
      position: absolute;
      right: 0;
      top: -3px;
    }
    &.price-up::before {
      border-bottom-color: $color;
    }
    &.price-down::after {
      border-top-color: $color;
    }
  }
}
